<script setup lang="ts">
function handleClickLeft() {
  uni.navigateBack()
}
</script>

<template>
  <view class="h-full flex flex-col overflow-hidden">
    <wd-navbar title="更多设置" left-text="返回" left-arrow @click-left="handleClickLeft" />
    <scroll-view
      scroll-y
      class="box-border flex-1 overflow-hidden p-[10px]"
      :show-scrollbar="false"
    >
      <wd-cell
        title="不参与手机点餐的菜品"
        class="rounded-lg"
        label="可隐藏菜品，不在手机点餐展示"
        is-link
        center
      />
      <view class="mt-3 overflow-hidden rounded-lg bg-white">
        <wd-cell-group border>
          <wd-cell label="开启后，将在扫码点餐下单流程中引导会员注册" center>
            <wd-switch size="20px" />
            <template #title>
              <view class="flex items-center">
                <wd-text text="下单引导会员注册" size="14px" color="#333" />
                <wd-icon name="help-circle" size="12px" class="ml-1" color="#909193" />
              </view>
            </template>
          </wd-cell>
          <wd-cell label="使用微信手机点餐后商家小程序，可以线上进行充值" center>
            <wd-switch size="20px" />
            <template #title>
              <view class="flex items-center">
                <wd-text text="会员充值" size="14px" color="#333" />
                <wd-icon name="help-circle" size="12px" class="ml-1" color="#909193" />
              </view>
            </template>
          </wd-cell>
          <wd-cell label="开启后，在下单时露出优惠券信息，以提醒顾客使用" center>
            <wd-switch size="20px" />
            <template #title>
              <view class="flex items-center">
                <wd-text text="下单优惠券提醒" size="14px" color="#333" />
                <wd-icon name="help-circle" size="12px" class="ml-1" color="#909193" />
              </view>
            </template>
          </wd-cell>
          <wd-cell label="开启后，会员核销时自动使用积分抵现" center>
            <wd-switch size="20px" />
            <template #title>
              <view class="flex items-center">
                <wd-text text="会员积分自动抵现" size="14px" color="#333" />
                <wd-icon name="help-circle" size="12px" class="ml-1" color="#909193" />
              </view>
            </template>
          </wd-cell>
        </wd-cell-group>
      </view>
      <wd-cell
        title="备注设置"
        class="mt-3 rounded-lg"
        label="设置菜品备注和订单备注"
        is-link
        center
        to="/pages/mobileOrdering/moreSetting/remark"
      />
      <wd-cell center class="no-leading mt-3 rounded-lg" title-width="70%">
        <wd-switch size="20px" />
        <template #title>
          <view class="flex items-center">
            <wd-text text="手动输入菜品数量" size="14px" color="#333" />
            <wd-icon name="help-circle" size="12px" class="ml-1" color="#909193" />
          </view>
        </template>
        <template #label>
          <view class="mt-1">
            <wd-text
              text="适用于售卖烤串等会对单个菜品下单个数较多的商户，点击加购时使用键盘直接输入菜品数量"
              size="12px"
            />
          </view>
        </template>
      </wd-cell>
      <wd-cell
        class="mt-3 rounded-lg"
        center
        title="顾客黑名单"
        label="可查看和编辑顾客黑名单，限制恶意下单"
        is-link
      />
      <wd-cell
        class="mt-3 rounded-lg"
        center
        title="菜品销量展示范围"
        label="设置菜品销量展示范围"
        is-link
      />
      <wd-cell center class="no-leading mt-3 rounded-lg" title-width="70%">
        <wd-switch size="20px" />
        <template #title>
          <view class="flex items-center">
            <wd-text text="顾客信息获取" size="14px" color="#333" />
            <wd-icon name="help-circle" size="12px" class="ml-1" color="#909193" />
          </view>
        </template>
        <template #label>
          <view class="mt-1">
            <wd-text
              text="开启后，将在顾客点餐时弹出货物顾客信息(包括头像、昵称、地区、性别等)的相关信息提醒"
              size="12px"
            />
          </view>
        </template>
      </wd-cell>
    </scroll-view>
  </view>
</template>

<style scoped lang="scss"></style>
